<template>
	<div class="container">
		<navigationBar title="展馆地图" mode="none" ></navigationBar>
		<tabBar currentPage="/pages/index/map"></tabBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight+10) + 'px;'">
			<div class="img-wrap">
				<image v-if="current == 0" src="../../static/icon/map1.png" mode="aspectFit"></image>
				<image v-if="current == 1" src="../../static/icon/map2.png" mode="aspectFit"></image>
				<image v-if="current == 2" src="../../static/icon/map3.png" mode="aspectFit"></image>
			</div>
		
			<div class="tab">
				<div class="tab-item" :class="index== current?'active':''" v-for="(item,index) in list" @click="select(index)">
					{{item}}
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import data from '@/js/index/map/data.js';
	import methods from '@/js/index/map/methods.js';
	import { mapState } from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	export default {
		data,
		methods,
		onLoad(e) {
			// this.getData(e.id)
			
		},
		onShow() {
			// uni.hideTabBar({})
			
		},
		onPageScroll(res) {
			
		},
		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['navigationBarHeight']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},
		components: {
			navigationBar,
		}
	};
</script>
<style>
	page,.uni-page {
		background: #000000;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/index/map.scss';
</style>
